<script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.min.js" charset="UTF-8"></script>
 <script type="text/javascript" src="../js/jquery-easyui-1.3.5/jquery.easyui.min.js" charset="UTF-8"></script>
 <link rel="stylesheet" href="../js/jquery-easyui-1.3.5/themes/default/easyui.css" type="text/css"></link>
 <link rel="stylesheet" href="../js/jquery-easyui-1.3.5/themes/icon.css" type="text/css"></link>
 <link rel="stylesheet" href="../css/main.css" type="text/css"></link>
 <script type="text/javascript" src="../js/mine.js"></script>
 <script type="text/javascript" src="../js/jquery-easyui-1.3.5/locale/easyui-lang-zh_CN.js" charset="UTF-8"></script>

<script>
	var personTPropertyGrid;
	$(function(){
		personTPropertyGrid = $('#personTPropertyGrid').propertygrid({
			url: '../servlet/GetUserInfoServlet',
			method: 'post',
			showGroup: true,
			scrollbarSize: 0,
			nowrap:false,
			fitColumns:true,
			showHeader:false,
			border:false,
			columns: [[{
				field:'name',
				width:100,
				align:'left'
			},{
				field:'value',
				width:200,
				formatter: function(value,rowData,rowIndex){
					console.info(rowData.name);
					if(rowData.name == '性别') {
						if(value == 'female') {
							return '女';
						} else {
							return '男';
						}
					} else {
						return value;
					}
		     	}
			}]]
		});
		
	});

</script>

<div style="width:350px;">
	<fieldset style="border: 1px #09F solid;">
		<table id="personTPropertyGrid"></table>
	</fieldset>
</div>